import React from 'react';

const SupportIcon = ({
  width,
  height,
  fill,
  primaryFill = '#51636B',
  secondaryFill = '#3C494F',
  style = {},
}) => (
  <svg
    width={width}
    height={height}
    viewBox="0 0 18 18"
    fill={fill}
    style={style}
    xmlns="http://www.w3.org/2000/svg"
  >
    <g>
      <defs>
        <rect id="SVGID_1_" x="1.7" width="14.6" height="18" />
      </defs>
      <path
        fill={primaryFill}
        d="M12.2,8.8c-0.1,0-0.1,0-0.2,0s-0.1,0.1-0.1,0.1c-0.8,0.8-1.8,1.2-2.9,1.2c-1.1,0-2.1-0.4-2.9-1.2
			C6,8.8,5.9,8.8,5.8,8.8C3.5,9,1.7,10.9,1.7,13.2v2c0,0.4,0.1,0.7,0.2,1C2,16.7,2.2,17,2.5,17.2c0.3,0.3,0.6,0.5,0.9,0.6
			c0.3,0.1,0.7,0.2,1,0.2h9.1c0.4,0,0.7-0.1,1-0.2c0.3-0.1,0.6-0.3,0.9-0.6c0.3-0.3,0.5-0.6,0.6-0.9c0.1-0.3,0.2-0.7,0.2-1v-2
			C16.3,10.9,14.5,9,12.2,8.8z"
      />
      <path
        fill={primaryFill}
        d="M9,8.6c2,0,3.7-1.7,3.7-3.7c0-2-1.7-3.7-3.7-3.7c-2,0-3.7,1.7-3.7,3.7C5.3,6.9,7,8.6,9,8.6z M9,2
			c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C6.1,3.3,7.4,2,9,2z"
      />
      <path
        fill={secondaryFill}
        d="M14.3,6.6h-0.8c0,0-0.1,0-0.1-0.1c0,0-0.1-0.1-0.1-0.1V4.2c0,0,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1h0.8
			c0,0,0.1,0,0.1,0.1c0,0,0.1,0.1,0.1,0.1v2.2c0,0,0,0.1-0.1,0.1C14.4,6.6,14.4,6.6,14.3,6.6z"
      />
      <path
        fill={secondaryFill}
        d="M4.4,6.6H3.7c0,0-0.1,0-0.1-0.1c0,0-0.1-0.1-0.1-0.1V4.2c0,0,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1h0.8
			c0,0,0.1,0,0.1,0.1c0,0,0.1,0.1,0.1,0.1v2.2c0,0,0,0.1-0.1,0.1C4.5,6.6,4.5,6.6,4.4,6.6z"
      />
      <path
        fill={secondaryFill}
        d="M13.9,3.6h-0.4C13.2,1.6,11.3,0,9,0C6.7,0,4.8,1.6,4.4,3.6H4c-0.5,0-1,0.4-1,0.9v1.5C3.1,6.6,3.5,7,4,7h0.6
			C4.9,7,5,6.9,5,6.7V4.4c0,0,0,0,0,0c0-2,1.8-3.7,4-3.7c2.2,0,4,1.7,4,3.7v1.9c-1,0.7-2.4,0.9-4,0.6C8.8,6.9,8.7,7,8.6,7.2
			c0,0.2,0.1,0.3,0.3,0.4c1.7,0.3,3.1,0.1,4.2-0.6C13.2,7,13.2,7,13.3,7H14c0.5,0,1-0.4,1-0.9V4.6C14.9,4.1,14.5,3.6,13.9,3.6z
			 M4.4,6.4H4.1c-0.2,0-0.3-0.1-0.3-0.3V4.6c0-0.1,0.1-0.3,0.3-0.3h0.3V6.4z M14.2,6.1c0,0.1-0.1,0.3-0.3,0.3h-0.3V4.3h0.3
			c0.2,0,0.3,0.1,0.3,0.3V6.1z"
      />
      <g>
        <path
          fill="#00D3A9"
          d="M7,13c0.2-0.3,0.4-0.6,0.7-0.8s0.6-0.3,0.9-0.4L8.5,11c-1,0.2-1.8,0.8-2.2,1.6L7,13z"
        />
        <path
          fill="#00B39F"
          d="M7,15.3c-0.2-0.4-0.3-0.8-0.3-1.2c0-0.3,0-0.6,0.1-0.8L6.1,13c-0.1,0.3-0.2,0.7-0.2,1.1
				c0,0.6,0.2,1.1,0.4,1.6L7,15.3z"
        />
        <path
          fill="#00D3A9"
          d="M9,16.4L9,16.4c-0.7,0-1.4-0.3-1.8-0.9l-0.6,0.5C7.1,16.8,8,17.3,9,17.3h0L9,16.4z"
        />
        <path
          fill="#00B39F"
          d="M11,15.3c-0.2,0.3-0.4,0.6-0.7,0.8c-0.3,0.2-0.6,0.3-1,0.4l0.1,0.8c0.5-0.1,0.9-0.3,1.3-0.5s0.7-0.6,0.9-1
				L11,15.3z"
        />
        <path
          fill="#00D3A9"
          d="M11,12.9c0.2,0.4,0.3,0.8,0.3,1.2c0,0.3-0.1,0.6-0.2,0.8l0.8,0.3c0.1-0.4,0.2-0.7,0.2-1.1
				c0-0.6-0.1-1.1-0.4-1.6L11,12.9z"
        />
        <path
          fill={primaryFill}
          d="M10.4,12.5l-0.2-0.2l0.4-0.4l-0.4-0.4l0.2-0.2l0.6,0.6L10.4,12.5z"
        />
        <path fill={primaryFill} d="M9.2,12.5L9,12.3l0.4-0.4L9,11.5l0.2-0.2l0.6,0.6L9.2,12.5z" />
      </g>
    </g>
  </svg>
);

export default SupportIcon;
